@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html{margin:0;padding:0;}
html{ background:#f1f1f1;}
body{ font-size:14px; font-family:"微软雅黑",Arial; background:#fff;-webkit-text-size-adjust:100%; max-width:800px; overflow-x:hidden; margin:0 auto; }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
em,i{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.e{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle;}
.fr{ float:right;}
.fl{ float:left;}

header{ background:#f7262c; height:50px; line-height:50px; position:relative; color:#fff; font-size:16px; text-align: center;}
header a{ width:30px; height:50px; line-height:50px; color:#fff; display:inline-block; position:absolute; left:0px;}
header i{ font-size:22px !important;}
.color{background:#e2e2e2; color:#333; }
.color a{color:#333; }

.h-10{ height:10px; background:#f8f6f6;}
.order{ overflow:hidden; padding-bottom:15px;}
.order-title{ font-size:14px; line-height:40px; height:40px; border-bottom:1px solid #e2e2e2; padding:0px 2%; overflow:hidden;}
.order ul{ padding:2%; overflow:hidden; line-height:30px; color:#333;}
.order ul li em{ width:70px; text-align:right;display: inline-block;}
.order ul li var{ background:#f7262c; color:#fff; text-align: center; padding:0px 10px; line-height: 30px; display: inline-block; font-style: normal; border-radius: 5px;}
.order ul span{ color:red; font-weight:bold; font-size:16px;}
.order ul ol{ line-height:20px; margin-left:20px;}
.order dl{ float:right; overflow:hidden;}
.order dl dt,.order dl dd{ float:left; margin-right:15px;}
.order dl a{ border-radius:10px; border:1px solid #777; height:30px; line-height:30px; display:inline-block; padding:0px 15px; color:#777;}
.order p,.p{ background:#e2e2e2; height:1px;}

.order-th{  overflow:hidden; font-size:16px;}
.order-th dl{ position:relative; clear:both; overflow:hidden;padding:2%;}
.order-th dl dt,.order-th dl dd{ float:left;}
.order-th dl dd{ line-height:30px; margin-left:2%;}
.order-th dl dd li{ font-size:18px;}
.order-th dl dd p{ color:#999;}
.order-th dl i{ position:absolute; right:0px; font-size:26px; color:#999999; top:35px; right:2%;}
.order-hover dd li{color:#f7262c;}

.order-table{ padding:2%; display:none;}
.order-table dl dt{ font-size:16px; line-height:35px;}
.order-table dl dd{ width:100%; /*overflow:hidden;*/}
.order-table dl dd textarea{ width:96%;height:100px; background:#f8f6f6; border:none; padding:5px 2%;}
.order-table dl dd img{ max-width:127px; width:100%; margin-right:10px; margin-bottom:10px;}
.order-table dl dd em{ float:left;}
.order-table dl dd span{ position:relative;overflow:hidden; float:left;}
.order-table dl dd span input{ width:127px; height:127px; position:absolute;opacity:0;}

.order-table dl dd label{position:relative;}
.order-table dl dd label i{position:absolute; background:#fff; width:23px; height:23px; border-radius:12px; font-size:26px; color:#f7262c; top:-58px; right:10px;}

.order-submit{ width:100%; cursor:pointer; margin:10px auto; background:#f7262c; text-align:center; font-size:18px; color:#fff; border-radius:5px; padding:3% 0;}


.order-code{ text-align:center; padding:4% 0; margin:10px auto; width:70%;}
.order-code li img{ width:100%;}

.order-text{ position:relative; font-size:14px; padding:10px 2%; text-indent:10px;}
.order-text i{ width:4px; height:20px; left:2%; position:absolute; background:#f7262c; display:inline-block;}
.order-ul{ overflow:hidden;}
.order-ul ul li{ text-align:center; position:relative; background:#f7262c; width:96%; margin:10px auto; color:#fff; font-size:14px; border-radius:5px; height:40px; line-height:40px;}
.order-ul ul li a{ color:#fff;}
.order-ul ul li i{ position:absolute; left:50%; margin-left:-110px;}
.order-ul ul li i img{ width:20px;}

.order-img{ width:100%;}
.order-img img{ width:100%;}

.order-bottom{background:#e2e2e2; overflow:hidden; padding:20px 0;}
.order-bottom a{ width:30%; float:left; margin-left:12.5%; display:inline-block; height:40px; line-height:40px; text-align:center; color:#555; border-radius:3px; border:1px solid #ccc; font-size:16px;}

@media screen and (max-width:600px){
	.order-th dl dt img{ width:50px;}
	.order-th{  font-size:14px;}
	.order-th dl dd{ line-height:25px;}
	.order-th dl dd li{ font-size:16px;}
	.order-th dl i{ font-size:22px; top:20px;}
}

@media screen and (max-width:500px){
	.order-th dl dt img{ width:40px;}
	.order-th{  font-size:12px;}
	.order-th dl dd{ line-height:20px;}
	.order-th dl dd li{ font-size:14px;}
	.order-th dl i{ font-size:22px; top:20px;}
}